<template>
	<div id="app">
		<router-view/>
	</div>
</template>

<script>
	export default {
		name: 'app'
	}
</script>

<style>
	* {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	body {
		background: #f9f9f9;
		font-size: 16px !important;
	}
	
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #2c3e50;
	}
	.subnav li a{
		/*font-size: 14px;*/
	}
	.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
  }
  .avatar {
    width: 320px;
    height: 200px;
    display: block;
  }
	.content-top {
		width: 100%;
		padding: 15px 0;
		text-indent: 20px;
		background: #fff;
		border-bottom: 1px solid #dddee1;
	}
	
	.content-top .h1 {
		font-size: 16px;
		font-weight: 600;
		margin-right: 10px;
	}
	
	.content-top .h2 {
		font-size: 14px;
	}
	
	.clearfix:after{
		content: "";
		display: block;
		height: 0;
		clear: both;
	}
	
	.top-btn{
		margin: 10px 0;	
	}
	
	.left-content{
		float: left;
		height: 40px;
		line-height: 40px;
	}

	.right-search{
		width: 280px;
		float: right;
	}
	.right-search1{
		/*width: 500px;*/
		float: right;
	}
	.right-search1 .el-input{
		width: 280px;
	}
	.left-content .el-radio+.el-radio{
		margin-left: 15px;
	}
	.left-content .tip{
		padding-right: 15px;
	}
	.pages{
		margin: 20px 0;
		width: 100%;
		text-align: center;
	}
	
	.div .el-dropdown-menu__item{
		padding: 0 17px !important;
	}
	.el-loading-mask{
		z-index: 80; 
	}
	.el-menu{
		background-color:rgba(0,0,0,0)!important;
		margin-top: 12px !important;
		border-right: none !important;
	}
	.usrs{
		display: block !important;
	}
	.el-dropdown .el-dropdown-selfdefine {
	    outline-width: inherit !important;
	}
	.spanConten{
		display: inline-block;
		width: 70%;
		overflow:hidden;
		margin: auto;
		text-overflow:ellipsis;
		word-break:keep-all;
	}
	@media screen and (max-width: 1368px) {
	    .left .title {
	        font-size: 14px !important;
	    }
	    .left{
	    	padding-top: 5px !important;
	    }
	    .index-top .el-col{
	    	height: 50px !important;
	    }
	    .left .title{
	    	margin-bottom: 0 !important;
	    }
	    .right1{
	    	height: 50px !important;
	    	line-height: 50px !important;
	    }
	    .right1 .iconfont{
	    	font-size: 27px;
	    }
	}
	@media screen and (max-width: 1100px) {
	    .left .title {
	        font-size: 14px !important;
	    }
	    body{
	    	min-width: 1100px;
	    }
	}
	@media screen and (max-width: 1920px) {
	    .bigImg{
			height: 500px!important;
		}
	}
	@media screen and (max-width: 1600px) {
	    .bigImg{
			height: 450px!important;
		}
	}
	@media screen and (max-width: 1400px) {
	    .bigImg{
			height: 400px !important;
		}
	}
</style>